<template>
  <div id="app">
    <h4>黑马头条</h4>
    <div>
      <i class="toutiao toutiao-dianzan2"></i>
      <van-button type="default">默认按钮</van-button>
      <van-button type="primary">主要按钮</van-button>
      <van-button type="info">信息按钮</van-button>
      <van-button type="warning">警告按钮</van-button>
      <van-button type="danger">危险按钮</van-button>

      <van-cell-group>
        <van-cell title="单元格" value="内容" />
        <van-cell title="单元格" value="内容" label="描述信息" />
      </van-cell-group>

      <div class="test"></div>
    </div>
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="less">
.test {
  width: 150px;
  height: 150px;
  background-color: #ccc;
}
</style>
